<script setup lang="ts">
import Confirm from '@/components/confirm'
import { ref } from 'vue'

const flag = ref(false)
const show = async () => {
  /*   Confirm({ title: '温馨提示', text: '你确定移除该商品么?' })
    .then((res) => {
      console.log(res)
    })
    .catch((res) => {
      console.log(res)
    }) */

  const res = await Confirm({
    title: '温馨提示',
    text: '你确定移除该商品么?',
  }).catch(() => {})
  console.log(res)
}
</script>
<template>
  <div>
    <!-- 这种方式虽然能够展示,但是我们希望是通过调用一个方法 展示这个组件
      elementui中的方式
        Confirm({title: '标题', 内容: '内容'}).then().catch()
    -->
    <!-- <button @click="flag = !flag">显示</button> -->
    <!-- <XtxConfirm title="温馨警告" text="你确定退出么?"></XtxConfirm> -->
    <button @click="show">显示</button>
  </div>
</template>

<style scoped></style>
